<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:body>
	<ui:composition template="/secured/workarea.xhtml">
		<ui:define name="espacio_trabajo">
			<h:form id="form">
				<table>
					<tr>
						<td align="left">
							<div class="breadcrumb flat" style="text-align: left">
								<h:commandLink action="#{menuBean.regresaInicio}" value="Inicio" />
								<h:outputLink value="#" styleClass="active">#{msg.instituto}</h:outputLink>
							</div>
						</td>
					</tr>
				</table>
				<p:growl id="growl" showDetail="true" />
				<p:panel>
					<h:outputText value="Pantalla informativa de instituto ASTECA."
						style="text-align:left;" />
				</p:panel>
				<!-- Panel de Ver -->
				<h:panelGrid id="displayVer" columns="2" cellpadding="4"
					style="text-align:left;">
					<h:outputText value="#{msg.nombre}" />
					<p:inputText value="#{beanInstituto.item.nombre}"
						style="font-weight:bold; width:300px; height:20px;" />
					<h:outputText value="#{msg.razonSocial}" />
					<p:inputText value="#{beanInstituto.item.razonSocial}"
						style="font-weight:bold; width:300px; height:20px;" />
					<h:outputText value="#{msg.rfc}" />
					<p:inputText value="#{beanInstituto.item.rfc}"
						style="font-weight:bold; width:300px; height:20px;" />
				</h:panelGrid>
				<h:panelGrid style="text-align:right;" columns="1">
					<p:commandButton value="#{msg.actualizar}" icon="ui-icon-disk"
						actionListener="#{beanInstituto.actualizaDatosBasicos}"
						update="displayVer :form:growl" />
				</h:panelGrid>
				<p:tabView id="tabGral">
					<p:tab title="#{msg.domicilio }" id="tabDomicilio">
						<h:panelGrid columns="2" style="text-align:left;"
							id="gridDomicilio">
							<h:outputText value="#{msg.calle }" />
							<h:outputText value="#{beanInstituto.item.dtoDomicilio.calle }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.noExterior }" />
							<h:outputText
								value="#{beanInstituto.item.dtoDomicilio.noExterior }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.noInterior }" />
							<h:outputText
								value="#{beanInstituto.item.dtoDomicilio.noInterior }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.colonia }" />
							<h:outputText
								value="#{beanInstituto.item.dtoDomicilio.asentamiento }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.codigoPostal }" />
							<h:outputText value="#{beanInstituto.item.dtoDomicilio.cp }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.estado }" />
							<h:outputText value="#{beanInstituto.item.dtoDomicilio.estado }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.delegacion }" />
							<h:outputText
								value="#{beanInstituto.item.dtoDomicilio.municipio }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.telefono }" />
							<h:outputText
								value="#{beanInstituto.item.dtoDomicilio.telefono }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.fax }" />
							<h:outputText value="#{beanInstituto.item.fax }"
								style="font-weight:bold" />
						</h:panelGrid>
						<h:panelGrid columns="1" style="text-align:right;">
							<p:commandButton value="#{msg.actualizar}" icon="ui-icon-disk"
								onclick="editarDomicilioDialog.show()" />
						</h:panelGrid>
					</p:tab>
					<p:tab title="#{msg.contactos }">
						<h:panelGrid columns="1">
							<h:outputText value="#{msg.director }" style="font-weight:bold;" />
						</h:panelGrid>
						<h:panelGrid columns="2" cellspacing="10" style="text-align:left;">
							<h:outputText value="#{msg.nombre }" />
							<h:outputText
								value="#{beanInstituto.director.dtoPersona.nombre }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.apellidoP }" />
							<h:outputText
								value="#{beanInstituto.director.dtoPersona.apellidoP }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.apellidoM }" />
							<h:outputText
								value="#{beanInstituto.director.dtoPersona.apellidoM }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.puesto }" />
							<h:outputText value="#{beanInstituto.director.puesto }"
								style="font-weight:bold" />
						</h:panelGrid>
						<h:panelGrid>
							<h:outputText value="#{msg.representante }"
								style="font-weight:bold;" />
						</h:panelGrid>
						<h:panelGrid columns="2" cellspacing="10" style="text-align:left;">
							<h:outputText value="#{msg.nombre }" />
							<h:outputText
								value="#{beanInstituto.representante.dtoPersona.nombre }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.apellidoP }" />
							<h:outputText
								value="#{beanInstituto.representante.dtoPersona.apellidoP }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.apellidoM }" />
							<h:outputText
								value="#{beanInstituto.representante.dtoPersona.apellidoM }"
								style="font-weight:bold" />
							<h:outputText value="#{msg.puesto }" />
							<h:outputText value="#{beanInstituto.representante.puesto }"
								style="font-weight:bold" />
						</h:panelGrid>
						<h:panelGrid columns="1" style="text-align:right;">
							<p:commandButton value="#{msg.actualizar}" icon="ui-icon-disk"
								onclick="editarContactosDialog.show()" />
						</h:panelGrid>
					</p:tab>
				</p:tabView>
				<p:dialog id="dialog" header="#{msg.editar}"
					widgetVar="editarDomicilioDialog" modal="true" draggable="false" position="top"
					width="450px" height="450px">
					<h:panelGrid columns="2" style="text-align:left;">
						<h:outputText value="#{msg.calle }" />
						<h:panelGroup>
							<p:inputText value="#{beanInstituto.input_editarCalle }"
								id="editarCalleDom" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark value="#{beanInstituto.item.dtoDomicilio.calle}"
								for="editarCalleDom" />
						</h:panelGroup>
						<h:outputText value="#{msg.noExterior }" />
						<h:panelGroup>
							<p:inputText value="#{beanInstituto.input_editarNoExt }"
								id="editarNoExtDom" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark
								value="#{beanInstituto.item.dtoDomicilio.noExterior}"
								for="editarNoExtDom" />
						</h:panelGroup>
						<h:outputText value="#{msg.noInterior }" />
						<h:panelGroup>
							<p:inputText value="#{beanInstituto.input_editarNoInt }"
								id="editarNoItntDom" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark
								value="#{beanInstituto.item.dtoDomicilio.noInterior}"
								for="editarNoItntDom" />
						</h:panelGroup>
						<h:outputText value="#{msg.codigoPostal }" />
						<p:autoComplete id="autoCompleteCPNuevo" label="CP"
							value="#{beanInstituto.input_editarCPAutoComplete}"
							completeMethod="#{beanInstituto.complete}" minQueryLength="3"
							forceSelection="true" styleClass="dateTimeField3">
							<p:ajax
								update="editarSelectColonias nuevoAdminPais nuevoAdminEntidadF nuevoAdminDelegacion"
								listener="#{beanInstituto.handleSelectCambiaCpEditar}"
								event="itemSelect" />
						</p:autoComplete>
						<h:outputText value="#{msg.colonia }" />
						<p:selectOneMenu
							style="width:330px; font-weight:bold; height:100%;"
							label="Colonia"
							value="#{beanInstituto.input_editarIdAsentamientoMunicipioEstado}"
							id="editarSelectColonias">
							<f:selectItem itemLabel="Selecciona CP primero" itemValue="0"
								noSelectionOption="true" />
							<f:selectItems value="#{beanInstituto.editarSelectListColonias }" />
						</p:selectOneMenu>
						<h:outputText value="#{msg.pais }*" />
						<p:inputText id="nuevoAdminPais" label="Pais"
							value="#{beanInstituto.input_editarPais }"
							style="font-weight:bold; width:300px; height:20px;" />
						<h:outputText value="#{msg.estado }*" />
						<p:inputText id="nuevoAdminEntidadF" label="Estado"
							value="#{beanInstituto.input_editarEntidadFederativa }"
							style="font-weight:bold; width:300px; height:20px;" />
						<h:outputText value="#{msg.delegacion }*" />
						<p:inputText id="nuevoAdminDelegacion" label="Delegacion"
							value="#{beanInstituto.input_editarDelegacion }"
							style="font-weight:bold; width:300px; height:20px;" />
						<h:outputText value="#{msg.telefono }" />
						<h:panelGroup>
							<p:inputText value="#{beanInstituto.input_editarTelefono }"
								id="editarTelefonoDom" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark value="#{beanInstituto.item.dtoDomicilio.telefono}"
								for="editarTelefonoDom" />
						</h:panelGroup>
						<h:outputText value="#{msg.fax }" />
						<h:panelGroup>
							<p:inputText value="#{beanInstituto.input_editarFax }"
								id="editarFaxdom" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark value="#{beanInstituto.item.fax}" for="editarFaxdom" />
						</h:panelGroup>
					</h:panelGrid>
					<h:panelGrid columns="2">
						<p:commandButton value="#{msg.aceptar}"
							actionListener="#{beanInstituto.updateDomicilio}"
							oncomplete="editarDomicilioDialog.hide()" update=":form:tabGral growl" />
						<p:commandButton value="#{msg.cancelar}"
							onclick="editarDomicilioDialog.hide()" />
					</h:panelGrid>
				</p:dialog>
				<p:dialog id="dialog2" header="#{msg.editar}"
					widgetVar="editarContactosDialog" modal="true" draggable="false"
					width="450px" height="470px" position="top">
					<h:panelGrid columns="1">
						<h:outputText value="#{msg.director }" style="font-weight:bold;" />
					</h:panelGrid>
					<h:panelGrid columns="2" cellspacing="10" style="text-align:left;">
						<h:outputText value="#{msg.nombre }" />
						<h:panelGroup>
							<p:inputText value="#{beanInstituto.input_editarNombreDirector }"
								id="nombreDirectorPer" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark value="#{beanInstituto.director.dtoPersona.nombre}"
								for="nombreDirectorPer" />
						</h:panelGroup>
						<h:outputText value="#{msg.apellidoP }" />
						<h:panelGroup>
							<p:inputText
								value="#{beanInstituto.input_editarApellidoPDirector }"
								id="apellidoPDirPer" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark
								value="#{beanInstituto.director.dtoPersona.apellidoP}"
								for="apellidoPDirPer" />
						</h:panelGroup>
						<h:outputText value="#{msg.apellidoM }" />
						<h:panelGroup>
							<p:inputText
								value="#{beanInstituto.input_editarApellidoMDirector}"
								id="apellidoMDirPer" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark
								value="#{beanInstituto.director.dtoPersona.apellidoM}"
								for="apellidoMDirPer" />
						</h:panelGroup>
						<h:outputText value="#{msg.puesto }" />
						<h:panelGroup>
							<p:inputText value="#{beanInstituto.input_editarPuestoDirector }"
								id="puestoDirectorPer" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark value="#{beanInstituto.director.puesto}"
								for="puestoDirectorPer" />
						</h:panelGroup>
					</h:panelGrid>
					<h:panelGrid>
						<h:outputText value="#{msg.representante }"
							style="font-weight:bold;" />
					</h:panelGrid>
					<h:panelGrid columns="2" cellspacing="10" style="text-align:left;">
						<h:outputText value="#{msg.nombre }" />
						<h:panelGroup>
							<p:inputText
								value="#{beanInstituto.input_editarNombreRepresentante}"
								id="representanteNombre" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark
								value="#{beanInstituto.representante.dtoPersona.nombre}"
								for="representanteNombre" />
						</h:panelGroup>
						<h:outputText value="#{msg.apellidoP }" />
						<h:panelGroup>
							<p:inputText
								value="#{beanInstituto.input_editarApellidoPRepresentante }"
								id="representanteApellidoP" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark
								value="#{beanInstituto.representante.dtoPersona.apellidoP}"
								for="representanteApellidoP" />
						</h:panelGroup>
						<h:outputText value="#{msg.apellidoM }" />
						<h:panelGroup>
							<p:inputText
								value="#{beanInstituto.input_editarApellidoMRepresentante }"
								id="representanteApellidoM" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark
								value="#{beanInstituto.representante.dtoPersona.apellidoM} "
								for="representanteApellidoM" />
						</h:panelGroup>
						<h:outputText value="#{msg.puesto }" />
						<h:panelGroup>
							<p:inputText
								value="#{beanInstituto.input_editarPuestoRepresentante }"
								id="representantePuesto" style="font-weight:bold; width:300px; height:20px;" />
							<p:watermark value="#{beanInstituto.representante.puesto}"
								for="representantePuesto" />
						</h:panelGroup>
					</h:panelGrid>
					<h:panelGrid columns="2">
						<p:commandButton value="#{msg.aceptar}"
							actionListener="#{beanInstituto.actualizaDatosPersonas}"
							oncomplete="editarContactosDialog.hide()" update=":form:tabGral growl" />
						<p:commandButton value="#{msg.cancelar}"
							onclick="editarContactosDialog.hide()" />
					</h:panelGrid>
				</p:dialog>
				<!-- Fin de panel de Ver -->
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>